import React from 'react'
import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
import type {
  DropResult,
  DraggingStyle,
  NotDraggingStyle,
  DroppableProvided,
  DraggableStateSnapshot,
  DraggableProvided,
} from 'react-beautiful-dnd'; // type

import { Card } from 'antd';
function TestDrag():JSX.Element {
  return (
    <>
      <Card title="普通拖拽">
        <div>111</div>
        <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API" target='_blank'>参考</a>
      </Card>
      <Card title="react-beautiful-dnd方案">

      </Card>
    </>
  );
}

export default TestDrag
